<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<div style="font-size: 60px;text-align: center;">
				{{name}}
				<br>
				<button @click="getname">获取</button>
			</div>

		</div>

		<script>
			new Vue({
				el: "#app",
				data: {
					namearr: ["刘翔炽",
						"朱镕涛",
						"欧童政",
						"谭丽娜",
						"肖晓萌",
						"何诗琪",
						"孙佳乐",
						"雷钰祥",
						"朱剑辉",
						"谭文婷",
						"喻远航",
						"易盛康",
						"李雅恒",
						"任世豪",
						"肖卫",
						"黄林青",
						"李丽君",
						"李晨曦",
						"卿子豪",
						"陈忠稜",
						"徐怀豪",
						"蒋轩",
						"刘嘉辉",
						"方宇",
						"李文涛",
						"陈福玺",
						"姜俊豪",
						"姜俊豪"
					],
					name: "ddd"
				},
				methods: {
					getname() {
						let r = parseInt(Math.random() * this.namearr.length - 1)
						this.name = this.namearr[r]
						// alert(r)
					}
				}
			})
		</script>

	</body>
</html>